<!--title=注册;css=lib/base,register;js=lib/jquery,lib/jquery.cookie,lib/base,lib/SetColor,register;mobile=yes-->
<body>
    <div class="content">
        <div class="content-heading">
            <div class="container margin-bottom">
                <h2 class="text-center heading">注册</h2>
            </div>
        </div>
        <div class="container" id="main">
            <div class="el-loading-indicator">
                <div class="progress-circular progress-circular-inline progress-circular-">
                    <div class="progress-circular-wrapper">
                        <div class="progress-circular-inner">
                            <div class="progress-circular-left">
                                <div class="progress-circular-spinner"></div>
                            </div>
                            <div class="progress-circular-gap"></div>
                            <div class="progress-circular-right">
                                <div class="progress-circular-spinner"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class=" col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading">请输入用户名：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label">
                        <label for="username" class="floating-label">用户名</label>
                        <input type="text" id="username" class="form-control">
                    </div>
                </div>
                <br>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">请输入密码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="password" class="floating-label">密码</label>
                        <input type="password" id="password" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">请确认密码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="confirm" class="floating-label">确认密码</label>
                        <input type="password" id="confirm" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">请输入邮箱：</h3>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-2">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="email" class="floating-label">邮箱</label>
                        <input type="email" id="email" class="form-control">
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <a class="btn waves-button waves-effect waves-light" id="btn3">发送验证码</a>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">请输入验证码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="code" class="floating-label">验证码</label>
                        <input type="text" id="code" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-3 col-sm-2"></div>
                <div class="col-lg-4 col-md-6 col-sm-8">
                    <a class="btn btn-lg waves-button waves-effect waves-light" id="btn4" style="width: 400px;border-radius:30px">注册</a>
                </div>
                <div class="col-lg-5 col-md-4 col-sm-3"></div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-5">
                    <p>已经有账号了？<a class="btn btn-flat waves-button waves-effect waves-light" id="btn1">立即登录</a>。</p>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-2"></div>
                <div class="col-lg-3 col-md-4 col-sm-5">
                    <p>忘记密码了？<a class="btn btn-flat waves-button waves-effect waves-light" id="btn2">找回密码</a>。</p>
                </div>
            </div>
        </div>
    </div>
    <div class='footer'><p>Developed by SCH</p><p>User(Account) {VERSION}<br>Running with PHP {PHP_VER}</p></div>
    {SetColor}
    {JS}
    </body>
    